<template>
  <div class="comments">
    <van-nav-bar
      title="评价"
      left-arrow
      @click-left="onClickLeft"
      class="nav"
      to="/my"
    />
    <van-tabs v-model="active" title-active-color="rgb(159, 128, 82)">
      <van-tab title="待评价" name="待评价">
        <van-empty
          class="custom-image"
          image="https://m.xiaomiyoupin.com/youpin/static/m/res/images/no_result/no_result_order.png"
          :description="`暂无${active}的商品`" />
        <recommend
      /></van-tab>
      <van-tab title="已评价" name="已评价">
        <contents />
        <recommend />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import recommend from "./components/Recommend.vue";
import contents from "./components/Comments/contents.vue";
export default {
  name: "Comments",
  data() {
    return {
      active: "待评价",
    };
  },
  components: {
    contents,
    recommend,
  },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
  },
};
</script>
<style  scoped>
.nav {
  background-color: transparent;
}
</style>
<style>
.custom-image .van-empty__image {
  width: 0.99rem;
  height: 0.99rem;
}
.van-tabs__wrap .van-tabs__nav {
  background-color: transparent !important;
}
.van-tab__text {
  font-size: 0.18rem;
}
</style>

